<template>
    <div class="">
        <ezm-layout>
            <van-nav-bar
                slot="nav"
                title="无限滚动组件"
            ></van-nav-bar>
            <ezm-scroll-box>
                <van-cell-group title="容器演示">
                    <van-cell
                        is-link
                        title="常规无分页内容滚动"
                        @click="g_navigate.to('/BetterScrollNormal')"
                    ></van-cell>
                    <van-cell
                        is-link
                        title="下拉刷新功能"
                        @click="g_navigate.to('/BetterScrollPullDown')"
                    ></van-cell>
                    <van-cell
                        is-link
                        title="下拉刷新加上拉更多"
                        @click="g_navigate.to('/BetterScrollAll')"
                    ></van-cell>
                    <van-cell
                        is-link
                        title="返回到本页容器滚动位置不变"
                        @click="g_navigate.to('/BetterScrollPos')"
                    ></van-cell>
                </van-cell-group>
            </ezm-scroll-box>
        </ezm-layout>
    </div>
</template>

<script>
    import EzmLayout from "@/components/layout/ezm-layout";
    import EzmScrollBox from "@/components/scroll/ezm-scroll-box";

    export default {
        name: 'BetterScrollDemoIndex',
        mixins: [],
        components: {EzmScrollBox, EzmLayout},
        props: {},
        data() {
            return {}
        },
        computed: {},
        watch: {},
        created() {
        },
        mounted() {
        },
        destroyed() {
        },
        methods: {}
    };
</script>

<style lang="less">

</style>